<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="icon" href="./img/favicon.ico">
	<title>Home</title>
	<link href="./css/app.css" rel="stylesheet">
	<script type="text/javascript" src="./socket.io/socket.io.js"></script>
	<script type="text/javascript" src="./js/mstsc.js"></script>
	<script type="text/javascript" src="./js/keyboard.js"></script>
	<script type="text/javascript" src="./js/rle.js"></script>
	<script type="text/javascript" src="./js/client.js"></script>
	<script type="text/javascript" src="./js/canvas.js"></script>
	<script type="text/javascript" src="./js/app.js"></script>
</head>

<body>
	<div id="main">
		<div class="left">
			<div id="history"></div>
		</div>
		<div class="right">
			<form id="submitForm" class="form">
				<input type="text" id="ip" placeholder="IP Address" required autofocus>
				<hr>
				<input type="text" id="username" placeholder="username">
				<input type="password" id="password" placeholder="password">
				<button type="submit" style="background-color: #34A6FF; border-color: #34A6FF; margin-top: 50px;">Connect</button>
			</form>
		</div>
	</div>
	<canvas id="myCanvas" style="display:none"></canvas>
	<img id="requestFullscreen" src="./img/full_screen.png" style="width: 30px; height: 30px; position: absolute; right: 100px; bottom: 80px; cursor: pointer;" />
</body>
</html>